<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title></title>
</head>
	<script src="../../codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="../../codebase/dhtmlxscheduler.css" type="text/css" media="screen" title="no title" charset="utf-8">

	
<style type="text/css" media="screen">
	html, body{
		margin:0px;
		padding:0px;
		height:100%;
		overflow:hidden;
	}	
	#my_form{
		position:absolute;
		top:100px;
		left:200px;
		z-index:10001;
		display:none;
		background-color:white;
		border:2px outset gray;
		padding:20px;
		font-family:Tahoma; 
		font-size:10pt;
	}
	#my_form label {
		width:200px;
	}
</style>

<script type="text/javascript" charset="utf-8">
	function init() {
		
		scheduler.config.xml_date="%Y-%m-%d %H:%i";
		scheduler.config.details_on_dblclick=true;
		scheduler.config.details_on_create = true;
		
		scheduler.init('scheduler_here',null,"week");
		scheduler.load("../common/events2010.xml");
		
	}
	
		var html=function(id){ return document.getElementById(id); }; //just a helper
		
		scheduler.showLightbox = function(id){
			var ev = scheduler.getEvent(id);
			scheduler.startLightbox(id, html("my_form") );
			
			html("description").focus();
			html("description").value = ev.text;
			html("custom1").value = ev.custom1||"";
			html("custom2").value = ev.custom2||"";
		}
		
		function save_form() {
			var ev = scheduler.getEvent(scheduler.getState().lightbox_id);
			ev.text = 	 html("description").value;
			ev.custom1 = html("custom1").value;
			ev.custom2 = html("custom2").value;
			
			scheduler.endLightbox(true, html("my_form"));
		}
		function close_form(argument) {
			scheduler.endLightbox(false, html("my_form"));
		}
			
</script>

<body onload="init();">
	<div id="my_form">
		<label for="description">Event text </label><input type="text" name="description" value="" id="description"><br>
		<label for="custom1">Custom 1 </label><input type="text" name="custom1" value="" id="custom1"><br>
		<label for="custom2">Custom 2 </label><input type="text" name="custom2" value="" id="custom2"><br><br>
		<input type="button" name="save" value="Save" id="save" style='width:100px;' onclick="save_form()">
		<input type="button" name="close" value="Close" id="close" style='width:100px;' onclick="close_form()">
	</div>
	
	
	<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
		<div class="dhx_cal_navline">
			<div class="dhx_cal_prev_button">&nbsp;</div>
			<div class="dhx_cal_next_button">&nbsp;</div>
			<div class="dhx_cal_today_button"></div>
			<div class="dhx_cal_date"></div>
			<div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
			<div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
			<div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
		</div>
		<div class="dhx_cal_header">
		</div>
		<div class="dhx_cal_data">
		</div>		
	</div>
</body>